*{box-sizing: border-box;}
**::before, *::after{box-sizing: border-box;}
#buttons{
    position: fixed;
    right:0;
    top: 40%;
    z-index: 15;
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    margin-right: 10px;
}
#buttons>button{
    margin-bottom: 10px;
    padding: 4px 8px;
}
#demo2{
    display: none;
}
#demo{
    position: fixed;
    bottom: 0;
    left:0;
    width: 100%;
    height: 50vh;
    border: 1px solid #0c0c0c;
    overflow-y: auto;
}
#demo::-webkit-scrollbar {
    display: none;
}
#html{
    position: fixed;
    top: 0;
    left:0;
    width: 100%;
    height: 50vh;
}
.skin{
    position: relative;
    min-height: 60vh;
}
@keyframes leftWave {
    0%{
        transform: translateX(-95px) rotate(160deg)
    }
    50%{
        transform: translateX(-95px) rotate(152deg)
    }
    100%{
        transform: translateX(-95px) rotate(160deg)
    }
}
@keyframes rightWave {
    0%{
        transform: translateX(95px) rotate(208deg)
    }
    50%{
        transform: translateX(95px) rotate(200deg)
    }
    100%{
        transform: translateX(95px) rotate(208deg)
    }
}
@keyframes moveLeft {
    0%{
        transform: translateX(-61px) translateY(0px);
    }
    50%{
        transform: translateX(-61px) translateY(15px);
    }
    100%{
        transform:translateX(-61px) translateY(0px);
    }
}
@keyframes moveRight {
    0%{
        transform: translateX(61px) translateY(15px);
    }
    50%{
        transform: translateX(61px) translateY(0px);
    }
    100%{
        transform:translateX(61px) translateY(15px);
    }
}